To address the challenges posed by signal capacity limitations and the reliance of sensing methods on single analytical information, this study developed an electrochemiluminescence (ECL) and colorimetric dual-mode sensing platform for the precise detection of 4-chloroethcathinone (4-CEC) in water environments. Firstly, the accurate alignment of the reflection wavelength of appropriately sized silica inverse opal photonic crystals (SIOPCs) with the ECL emission wavelength of luminescent metal-organic frameworks (PCN-224) has been achieved via diameter modulation. This innovative design, which cleverly utilized the band-edge effect, improved the luminous intensity of the ECL sensor, leading to a significant boost in analytical performance. Secondly, the establishment of a colorimetric detection method for confirming the presence of 4-CEC in samples through visual observation of color changes was achieved by employing an aptamer-based dye displacement reaction, utilizing differential binding affinities between the aptamer and both the sulforhodamine B (SRB) and 4-CEC. Under the optimal experimental conditions, the dual-mode sensor demonstrated ECL detection of limits (LOD) of 2.6 × 10−13 g/L and colorimetric LOD of 6.5 ng/L for 4-CEC. These findings highlighted the tremendous potential of developing streamlined and efficient dual-signal readout platforms using ECL aptamer sensors for the precise determination of other Synthetic cathinones (SCs) in water environments.