Unusual demetalation and ordered adsorption of a pyridine-appended zinc phthalocyanine at metal-electrolyte interfaces studied by in situ scanning tunneling microscopy and X-ray photoelectron spectroscopy